<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        /*伪类专门用来表示元素的一种特殊状态*/
        /*比如：访问过的超链接，比如普通的超链接，比如获取焦点的文本框*/
        /*当我们需要为这些特殊状态的元素设置样式时，就可以使用伪类*/
        /*:link  :visited  :hover  :active */

    a:link{
            color: red;   /*没访问过时*/
        }
    a:visited{
        color: yellow;    /*访问过时*/
    }
    a:hover{
        color: skyblue;   /*鼠标碰到时*/
    }
    a:active{
        color: black;     /*鼠标点击时*/
    }
    /*p:hover{*/
    /*    background: yellow;*/
    }
    /*p:active{*/
    /*    background: orange;*/
    }
    /*:hover  :active     也可以为其他的元素设置*/
    /*但是在我们的ie6中，不支持超链接以为的使用*/

    input:focus{
        background: yellow;    /*文本框获取焦点以后，修改背景颜色为黄色*/
    }
    p::selection{
        background: orange;    /*使选中的地方改变颜色*/
    }

    </style>
</head>
<body>
<p>你好skndskdkladklada </p>
<a href="http://www.baidu.com">这是一个超链接</a><br /><br />
<a href="http://www.baidu123.com">这是一个超链接</a><br /><br />
<input type="text" />
<!--使用input可以创建一个文本输入框 -->

</body>
</html>